<template>
  <div class="mysong">
    <div class="warpper">
      <div class="left" @click="funa()">
        <img src="@/assets/myt/1.png" alt="" />
        <div class="inner">
          <p>我喜欢的音乐</p>
          <p>0首</p>
        </div>
      </div>
      <div class="right">
        <i class="iconfont icon-xinxieguan"></i>
        <span @click="funb()">心动模式</span>
      </div>
    </div>
  </div>
</template>

<script>
// import { getdata } from '../../api/getlink';
export default {
  methods:{
    // funa(){
    //   this.$router.push("/fa")
    // },
    funa(){
      // http://4330et4120.qicp.vip/wySonglist/getSonglist
      // getdata("/proxy/wySong/getSong",{songlistid:1}).then(res=>{
      //   console.log(res);
      //     // this.$router.push({path:"/fa",query:{xiaoming:res.data.data}})
      //     this.$router.push({path:"/fa",query:{
      //       // songlistid: -1,
      //       type:"lovesong"
      //     }})
      // })
      this.$router.push({path:"/fa",query:{
        // songlistid: -1,
        type:"lovesong"
      }})
    },
    funb(){
      this.$router.push("/Dl")
    }
  }
};
</script>

<style scoped>
.mysong {
  margin-top: 0.18rem;
  width: 100%;
  height: 1.75rem;

}
.warpper {
  margin: 0 auto;
  width: 6.86rem;
  height: 100%;
  background-color: white;
   display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 0.2rem;
}
.left {
  display: flex;
}
.left > img {
  width: 1.06rem;
  height: 1.06rem;
}
.inner {
  display: flex;
  flex-direction: column;
  line-height:0.5rem ;
  text-indent: 2em;
}
.right {
  width: 1.6rem;
  height: 0.4rem;
  border: 1px solid #e5e5e5;
  line-height: 0.4rem;
  border-radius: 0.2rem;
}
.right > i {
  font-size: 0.08rem;
  font-weight: 100;
  margin-left: 0.2rem;
}
.right > span {
  color: #2b2b2b;
}
</style>